<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view locale="#{salaoMB.internacionalizacao.currentLocale}">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Incluir serviços para os funcionários</title>
</h:head>
<h:body>

	<table width="100%">
		<tr>
			<td><ui:include src="/index.xhtml" /></td>
		</tr>
	</table>
	<h:form id="incluirServicosFuncionario" prependId="false">
	<p:messages id="msg" showDetail="true" autoUpdate="true" closable="true" />
			
  	<table width="50%" align="center">
	<tr>
		<td>
			<table align="center">
				<tr>
					<td style="font-size: 15px;font-family: Arial; font-weight: bold;">Etapa 5 de 5</td>
					<td>&nbsp;</td>
				</tr>
			</table>			
		</td>
	</tr>  	
  	<tr>
  		<td>			
			<p:panel header="Selecione os serviços disponíveis por funcionário: ">
				
				<h:panelGrid columns="2" id="panelServicosFuncionario" border="0">
				
					 <h:outputText id="textEstabelecimento" value="Estabelecimento: " />	
					 <h:panelGroup>			 
						 <h:selectOneMenu value="#{servicosFuncionarioMB.idSelectedEstabelecimento}" id="estabelecimento" >	
						 	 <f:selectItem itemLabel="Selecione..." itemValue="0" />	
							 <f:selectItems value="#{servicosFuncionarioMB.mapEstabelecimento}" var="estabelecimento" itemLabel="#{estabelecimento.nomeFantasia}" itemValue="{estabelecimento.id}" />
							 <p:ajax update="funcionario,selectManyMenu" listener="#{servicosFuncionarioMB.carregarServicosFuncionarioPorIdEstabelecimento}" />
						 </h:selectOneMenu>  					
						<p:commandLink id="btnFind" update="funcionario,selectManyMenu" actionListener="#{servicosFuncionarioMB.carregarServicosFuncionarioPorIdEstabelecimento}">
	                    	<p:graphicImage value="/img/find.gif" width="20" height="20"/>
	                    </p:commandLink>						 
					</h:panelGroup>	
					
					 <h:outputText id="textFuncionario" value="Funcionario: " />		
					 <h:panelGroup>				 
					 <h:selectOneMenu value="#{servicosFuncionarioMB.idSelectedFuncionario}" id="funcionario">	
					 	 <f:selectItem itemLabel="Selecione..." itemValue="0" />
						 <f:selectItems value="#{servicosFuncionarioMB.mapFuncionario}" var="funcionario" itemLabel="#{funcionario.nome} #{funcionario.sobrenome}" itemValue="{estabelecimento.id}" />
					 	 <p:ajax update="tableFuncionarioServicos" listener="#{servicosFuncionarioMB.buscarServicoPorIdEstabelecimentoEIdFuncionario}" />
					 </h:selectOneMenu>  
					 <h:link outcome="novoFuncionario" >  
					 	<p:graphicImage value="/img/botao_adicionar.gif" />
					 </h:link>
					 </h:panelGroup>
					 
					<h:outputText id="textServicos" value="Serviços realizados pelo Funcionário:" />
        			<h:selectOneListbox value="#{servicosFuncionarioMB.idSelectedServico}"  id="selectManyMenu" 
	                    style="height:100px">  
	                    <f:selectItem itemLabel="Selecione..." itemValue="0" />
	            		<f:selectItems value="#{servicosFuncionarioMB.mapServicos2}"  
	                    var="servicos" itemLabel="#{servicos.descricao}"  
	                    itemValue="#{servicos.id}" />  
        			</h:selectOneListbox> 
        			
        			<h:inputHidden />
        			<h:commandButton type="submit" action="#{servicosFuncionarioMB.incluir}" value="Gravar" />
											 			
				</h:panelGrid>		
				
				<br />
				
				<p:dataTable var="funcionarioServicos" value="#{servicosFuncionarioMB.listFuncionarioServicos}" id="tableFuncionarioServicos" emptyMessage="Não foram localizados registros.">
				
				<f:facet name="header">  
		            Serviços já cadastrados:  
		        </f:facet> 
		        
				<p:column headerText="Estabelecimento">  
            		<h:outputText value="#{funcionarioServicos.estabelecimento.razaoSocial}" />  
       			</p:column> 
       			
       			<p:column headerText="Funcionário">  
            		<h:outputText value="#{funcionarioServicos.funcionario.usuario.nome} #{funcionarioServicos.funcionario.usuario.sobrenome}" />  
       			</p:column> 
       			
       			<p:column headerText="Serviços">  
            		<h:outputText value="#{funcionarioServicos.servicos.descricao}" />  
       			</p:column> 
				
				</p:dataTable>
														
			</p:panel>
     	</td>
     </tr>
     </table>		
		</h:form>
</h:body>
</f:view>
</html>